﻿

.tabs
{
	width: 80px;
}

.headerdev
{
	height: 180px;
	width: 100%;
	position: absolute ;
	top:50px;
	left: 0px;
	background-color: #1e3874;
}
.notification
{
	width: 150px;
	background-color:#182d5d;
		background-image: url('http://i56.servimg.com/u/f56/18/63/84/73/arrow10.png');
	background-position: center top ;
	background-repeat: no-repeat ;
	-webkit-box-shadow: inset -3px 0px 3px 1px #122145;
box-shadow: inset -3px 0px 3px 1px #122145;
color: #ffffff;

}
a.profilelink
{
	color: #ffffff;
	text-decoration: none;
}
.notificationcounter
{

	padding: 1px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ffffff;
	background-color: #FF5151;
	 font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	 font-size: 9px;
	 font-weight: bold;
	-webkit-border-radius: 15px;
border-radius: 15px; 



	
}

.tiles
{
	padding-left:30px;
	
}

.tiles td
{
	 
	 height: 80px;
	 width: 80px;
	 background-color: #152957;
	  transition: 0.2s;
     -webkit-transition: 0.2s;
	 font-size: 11px;
	 font-weight: normal;


	 
}

.tiles td:hover
{
	 
	 height: 80px;
	 width: 80px;
	 background-color: #008aff;
	 transition: 0.2s;
-webkit-transition: 0.2s;
		 
}
.tiles div
{
	width: 80px;
	height: 80px;
}

#navbar_username
{
 border:0px;
 padding: 4px;
 border: 0px;
 -webkit-border-radius: 4px;
border-radius: 4px; 
background-color: #ffd88e;
width: 80%;
}

#navbar_password
{
	 border:0px;
 padding: 4px;
 border: 0px;
 -webkit-border-radius: 4px;
border-radius: 4px; 
background-color: #ffd88e;
width: 80%;

}
#loginbutton
 {
 width: 90%;
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ebebeb 0%,
		#ffffff 50%,
		#f5f5f5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ebebeb),
		color-stop(0.50, #ffffff),
		to(#f5f5f5));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}

#loginbutton:hover {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#dba400 0%,
		#ffdd00 50%,
		#e6ad03);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dba400),
		color-stop(0.50, #ffdd00),
		to(#e6ad03));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,170,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}

#loginbutton:active {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#dba400 0%,
		#ffdd00 50%,
		#e6ad03);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dba400),
		color-stop(0.50, #ffdd00),
		to(#e6ad03));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 6px rgba(0,0,0,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}

.footerdev
{
	padding: 10px;
	width:100%;
	height: 100px;
	background-color:#1A1A1A;
	}
	
.footerdev td
{
   padding-left: 30px;
}
.footerlinks
{
	padding: 5px;
	border-bottom: 1px #464646 dotted ;
	  text-decoration: none ;
  color: #FF9933;
  font-weight: bold ;

}
.navigate
{
	padding: 8px;
	background-color: #178BFF;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.buttonclosed
{
	padding: 7px; background-color: #FF0000; border: 1px #800000 solid ; border-bottom: 2px #800000 solid; color: #FFF ; border-radius:2px; transition: 0.2s;

}

.button
{
	padding: 7px; background-color: #FFF; border: 1px #FF9900 solid; border-bottom: 2px #FF9900 solid; color: #996600 ; border-radius:2px; transition: 0.2s; cursor: pointer ;

}
	
.button:hover
{
	
	padding: 7px; background-color: #FFF; border: 1px #FF5050 solid; border-bottom: 2px #FF5050 solid; color: #996600 ; border-radius:2px;
}
.button:focus {
	outline: 0;
}

.button:active
{
	
	padding: 7px; background-color: #FFF; border: 1px #990033 solid ; border-bottom: 2px #990033 solid; color: #996600 ; border-radius:2px;-webkit-box-shadow: inset 0px 1px 2px 0px #000000;
box-shadow: inset 0px 1px 2px 0px #000000;

}

.userinfo
{
	padding: 5px;
	border : 1px #D7D7D7 solid;
	background-color: #FFFFFF;
	
}
.qoutedev
{
	-webkit-box-shadow: 0px 0px 1px 1px #cccccc;
box-shadow: 0px 0px 1px 1px #cccccc; 
-webkit-border-radius: 10px;
border-radius: 10px; 
}


.userinfo12
{
	border-left: 3px #E0921B solid;
	-webkit-border-radius: 14px;
border-radius: 14px; 
padding-left: 7px;
}


fieldset {
	 border:1px #CCC dotted ; border-radius:4px;
}

.postbitcontent a{
	padding: 3px;transition: 0.2s;
}
.postbitcontent a:hover {
 background-color: #FFCCCC;
 -webkit-box-shadow: 0px 1px 3px 0px #CC0000;
box-shadow: 0px 1px 3px 0px #CC0000;
}


select {
	border: 1px #999999 solid ; 
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
border-radius:3px;
padding: 5px;
transition: 0.2s;

}
select:hover {
	border: 1px #FF9900 solid ;
}

select:focus {
	background: #d1d1d1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #d1d1d1 1%, #f6f6f6 47%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d1d1d1), color-stop(47%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1d1d1 1%,#f6f6f6 47%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1d1d1 1%,#f6f6f6 47%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d1d1d1 1%,#f6f6f6 47%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d1d1d1 1%,#f6f6f6 47%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
outline: 0;
}

.bginput:hover {
	border: 1px #FF9900 solid ;
}

.bginput:focus {
	border: 1px #FF9900 solid ;
	-webkit-box-shadow: inset 0px 1px 2px 0px #000000;
box-shadow: inset 0px 1px 2px 0px #000000;
	outline: 0;
}
.sharelinks
{
 text-align: center;
 margin-bottom: 40px;
}
.sharelinks span
{
	 width: 60px;
	 height: 60px;
	 padding: 30px;
	 cursor:pointer ;
	 
	 
}
.facebook
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/facebo10.png') no-repeat center center; transition: 0.2s;
}
.twitter
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/twitte10.png') no-repeat center center;transition: 0.2s;
}
.insta
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/pin110.png') no-repeat center center;transition: 0.2s;
}

.QR
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/qr110.png') no-repeat center center;transition: 0.2s;
}
.facebook:hover
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/facebo11.png') no-repeat center center; 
}
.twitter:hover
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/twitte11.png') no-repeat center center;
}
.insta:hover
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/pin10.png') no-repeat center center;
}

.QR:hover
{
	background: url('http://i56.servimg.com/u/f56/18/63/84/73/qr10.png') no-repeat center center;
}

